import styled from "styled-components";

export const AppWrapper = styled.div`
    .footer {
        color: red;
    }
`

//可以接受外部传入的props

export const SectionWrapper = styled.div.attrs({
    textColor:props => props.color || "skyblue"
})`
    border: 1px solid red;
    color: blue;
    font-size: ${props => props.size}px;
    background-color: ${props => props.textColor};;

    &:hover {
        color: antiquewhite;
    }
`;

